
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>模块管理</title>
<script src="js/global.js" type="text/javascript" charset="utf-8"></script>
	
	<script type="text/javascript">
	
	$(function() { 
		init();
	})
	//初始化方法
	function init(){
		$("#modulestree").tree({
			url : 'http://127.0.0.1:8080/testNode1',
			method : 'post',
			//默认打开
			animate : true,		
			//右键触发
			onContextMenu:function(e,node){
				//阻止元素发生默认的行为
				e.preventDefault();
				
				$("#modulestree").tree('select',node.target);
				//获取点击位置--》行数
				$("#mm").menu('show',{left:e.pageX,top:e.pageY})
			} 
		});
	}
	
	function menuHandler(item){
		if(item.name=="add"){
			var nodes = $('#modulestree').tree('getSelected');
			$("#insertdiv").window("open");
			
		}else if(item.name=='edit'){
			//获取点击行的所有数据
			var nodes = $('#modulestree').tree('getSelected');
			//加载到form表单里
			$("#updateform").form("load",nodes);
			
			$("#updatediv").window("open");
		}else if(item.name=='del'){
			var nodes = $('#modulestree').tree('getSelected');
			//删除提示框
			$.messager.confirm('确认', '您确认想要删除这条记录吗？', function(r) {
				if (r) {
					$.post("http://127.0.0.1:8080/deleteModules", {
						mId :nodes.id
					}, function(res) {
						if (res > 0) {
							$.messager.alert('提示', '删除成功');
							init();
						} else if(res==0){
							$.messager.alert('警告', '删除失败,模块正在被使用');
						}else{
							$.messager.alert('警告', '删除失败');
						}
					})
				}
			});
			
		}
	

}
	
	function insertsaveModules() {
		
		var nodes = $('#modulestree').tree('getSelected');
		$.post("http://127.0.0.1:8080/insertModules", {
			mName : $("#insertmName").val(),
			mFather :nodes.id,
			mUrl : $("#insertmPath").val(),
		}, function(res) {
			if (res > 0) {
				alert("增加成功");
				$("#insertdiv").window("close");
				init();
			} else if (res==0) {
				alert("增加失败,同一父节点不可重名");
				$("#insertdiv").window("close");
				init();
			} else {
				alert("增加失败");
				$("#insertdiv").window("close");
				init();
			}
		}, "json")
		
	}	
	function closeinsertdiv(){
		$("#insertdiv").window("close");
	}
	function updatesaveModules() {
		var nodes = $('#modulestree').tree('getSelected');
		
		$.post("http://127.0.0.1:8080/findBymId",{
			mId:nodes.id,
		},function(re){
			$.post("http://127.0.0.1:8080/updateModules",{
				mId:nodes.id,
				mName:$("#updatemName").val(),
				mUrl:$("#updatemPath").val(),
				mFather:re.mfather
			},function(res){
				if(res>0){
					alert("修改成功");
					$("#updatediv").window("close");
					init();
				}else{
					alert("修改失败");
					$("#updatediv").window("close");
				}
			},"json")
		},"json")
		
	}	
	function closepudatediv(){
		$("#updatediv").window("close");
	}
	
</script>
	
</head>
<body>
<div style="color:red;font-size:13px;">提示：右击节点进行操作</div>
   <ul id="modulestree" class="easyui-tree"></ul>
   
   <!-- y  -->
     <div id="mm" class="easyui-menu" data-options="onClick:menuHandler" style="width: 160px;">
     <div data-options="iconCls:'icon-add',name:'add'">追加</div>  
     <div data-options="iconCls:'icon-edit',name:'edit'">修改</div>  
     <div data-options="iconCls:'icon-remove',name:'del'">删除</div>  
  </div>
  
  
 <!-- 新增 -->
  <div id="insertdiv" class="easyui-dialog" style="width:300px;height:300px"
		data-options="title:'我的对话框',modal:true,closed:true">
	<form id="insertform" method="post">   
	 <div>   
        <label  >节点名称:</label>   
        <input class="easyui-validatebox" type="text" name="text" id="insertmName" />   
    </div>   
    <div>   
        <label  >路径:</label>   
        <input class="easyui-validatebox" type="text" name="path" id="insertmPath"    />   
    </div>  
    <div>
    	<a href="javascript:void(0)" onclick="insertsaveModules()" class="easyui-linkbutton">确定</a>
    	<a href="javascript:void(0)" onclick="closeinsertdiv()" class="easyui-linkbutton">取消</a>
    </div> 
    </form>
</div>
<!-- 修改 -->
<div id="updatediv" class="easyui-dialog" style="width:600px;height:300px"
		data-options="title:'我的对话框',modal:true,closed:true">
			<form id="updateform" method="post">   
			<input type="hidden" name="uId">
			 <div>   
		        <label  >节点名称:</label>   
		        <input class="easyui-validatebox" type="text" name="text" id="updatemName"   />   
		    </div>   
		    <div>   
		        <label >路径:</label>   
		        <input class="easyui-validatebox" type="text" name="path" id="updatemPath"    />   
		    </div>      
		     <div>
		    	<a href="javascript:void(0)" onclick="updatesaveModules()" class="easyui-linkbutton">确定</a>
		    	<a href="javascript:void(0)" onclick="closepudatediv()" class="easyui-linkbutton">取消</a>
		    </div>
    </form>
</div>
    
    
  


</body>
</html>